const MiniCssExtractPlugin = require('mini-css-extract-plugin');
 module.exports = {
    publicPath: './', //process.env.NODE_ENV === 'production' ? '/dist/' : '/',
     'lintOnSave': false,
     assetsDir:'./static',
    // 生产环境是否生成 sourceMap 文件
    productionSourceMap: false,
    // css相关配置
    css: {
        // 是否使用css分离插件 ExtractTextPlugin
        extract: true,
        // 开启 CSS source maps?
        sourceMap: false,
        // css预设器配置项
        loaderOptions: {},
        // 启用 CSS modules for all css / pre-processor files.
        modules: false
    },
    // 修改打包后js文件名
    // configureWebpack: { // webpack 配置
    //     output: { // 输出重构  打包编译后的 文件名称  【模块名称.版本号.js】
    //         filename: `js/[name].js`,
    //         // chunkFilename: `js/[name].js`
    //     },
    //     // 修改打包后css文件名
    //     plugins: [
    //         new MiniCssExtractPlugin({
    //             filename: `css/[name].css`,
    //             // chunkFilename: `css/[name].css`
    //         })
    //     ]
    // },
    devServer: {
        open: true,
        host: '0.0.0.0',
        port: 8082,
        https: false,
        //以上的ip和端口是我们本机的;下面为需要跨域的
        proxy: {//配置跨域
            '/api': {
                target: 'http://ceshizhan.qnggg.com/addons/wg_live/api/liveapi/',//这里后台的地址模拟的;应该填写你们真实的后台接口
                ws: true,
                changOrigin: true,//允许跨域
                pathRewrite: {
                    '^/api': '/'//请求的时候使用这个api就可以
                }
            }
            
        }
    }
}   
 